<%-- 
    Document   : criar_promocao_produto
    Created on : 27/05/2010, 19:17:44
    Author     : 711034
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript" src="../js/ajaxInit.js">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script type="text/javascript">
            function calcular(){
                ajax = ajaxInit();
                if ( ajax ){
                    ajax.onreadystatechange = resultado ;
                    preco = document.getElementById("preco").value ;
                    porcentagem = document.getElementById("porc").value ;
                    url = '/calcularpercentual?preco='+preco+'&porcentagem='+porcentagem;
                    ajax.open('GET',url,true);
                    ajax.send(null);
                }
            }

            function resultado(){
                if ( ajax.readyState == 4) {
                        if ( ajax.status == 200) {
                            document.getElementById("novopreco").value = ajax.responseText ;
                        }
                    }
            }

        </script>
    </head>
    
    <body>

        <!-- Hey preto, esses hiddens vão levar os conteudos para o servlet -->
        <input type="hidden" id="id" value="${param['id']}" name="id"/>
        <input type="hidden" id="porcentagem" value="" name="porcentagem"/>
        <input type="hidden" id="preco" value="${param['preco']}" name="preco"/>


        <strong>ID</strong>
        ${param['id']} <br/>

        <strong>Produto</strong>
        ${param['nome']} <br/>

        <strong>Preço</strong>
        ${param['preco']} <br/>

        <strong>Porcentagem da Promoção</strong>
        <input type="text" id="porc"/>%  <input type="button" onclick="calcular"><br/>

        <strong>Novo Preço</strong>
        <div id="novoPreco"></div> <br/>

        <br/>
        <br/>

        <input type="submit" value="Confirmar Promoção"/>


    </body>
</html>
